﻿<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
	<title>安全生产信息引导发布系统</title>
	<link rel="stylesheet" type="text/css" href="css/reset.css"/>
	<link rel="stylesheet" type="text/css" href="css/scanboard.css"/>
	<link rel="stylesheet" type="text/css" href="css/animsition.css"/>
	<link rel="stylesheet" type="text/css" href="css/jquery.shCircleLoader.css"/>
	<script type="text/javascript" src="./js/jquery.min.js"></script>
	<script type="text/javascript" src="js/jquery.shCircleLoader-min.js"></script>
	<script type="text/javascript" src="examples/data/webData.js"></script>


	<script src="examples/js/echarts.min.js"></script>
	<script src="examples/js/echarts-all.js"></script>

	<script src="js/set_bigmap_data.js"></script>
	<style>
		.tablebox {
			height: 100%;
			overflow: hidden;
			position: relative;
			width: 100%;
			margin: 0 auto;
			margin-top: 0px;
			/*background-color: rgba(6,26,103,1);*/
		}

		.tbl-header {
			width: 100%;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 999;
		}

		.tbl-body {
			width: 100%;
			position: absolute;
			top: 0;
			left: 0;
		}

		.tablebox table {
			width: 100%;
		}

		.tablebox table th,
		.tablebox table td {
			font-size: 12px;
			color: #e5f239;
			line-height: 30px;
			text-align: center;
		}

		.tablebox table tr th {
			background-color: rgb(5, 5, 4);
			cursor: pointer;
		}

		.tablebox table tr td {
			background-color: transparent;
		}

		.tbl-body tr:nth-child(even) td, .tbl-body1 tr:nth-child(even) td {
			background-color: rgba(9, 212, 168, 0.5);
			color: white;
			/*box-shadow: -10px 0px 80px #2C58A6 inset, !*左边阴影*! 10px 0px 15px #2C58A6 inset;*/
		}

		.tablebox table tr td span,
		.tablebox table tr td span {
			font-size: 12px;
		}

		.topLogo {
			float: left;
			width: 56%;
			text-align: center;
			height: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 40px;
			background: linear-gradient(0deg, #0095d6, #46daff);
			background-size: cover;
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			font-weight: bolder;
			cursor: text;
		}
	</style>
	<style>
		.tablebox2 {
			height: 100%;
			overflow: hidden;
			position: relative;
			width: 100%;
			margin: 0 auto;
			margin-top: 0px;
			/*background-color: rgba(6,26,103,1);*/
		}

		.tbl-header2 {
			width: 100%;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 999;
		}

		.tbl-body2 {
			width: 100%;
			position: absolute;
			top: 0;
			left: 0;
		}

		.tablebox2 table {
			width: 100%;
		}

		.tablebox2 table th,
		.tablebox2 table td {
			font-size: 12px;
			color: #e5f239;
			line-height: 30px;
			text-align: center;
		}

		.tablebox2 table tr th {
			background-color: rgb(5, 5, 4);
			cursor: pointer;
		}

		.tablebox2 table tr td {
			background-color: transparent;
		}

		.tbl-body2 tr:nth-child(even) td, .tbl-body1 tr:nth-child(even) td {
			background-color: rgba(9, 212, 168, 0.5);
			color: white;
			/*box-shadow: -10px 0px 80px #2C58A6 inset, !*左边阴影*! 10px 0px 15px #2C58A6 inset;*/
		}

		.tablebox2 table tr td span,
		.tablebox2 table tr td span {
			font-size: 12px;
		}
	</style>
	<style type="text/css">
		#iframe_map {
			frameborder: no;
		}
		.layui-table-header{
			background-color:#061f3e ;
		}
	</style>
	<style>
		.circle_green {
			/*background: burlywood;*/
			border: 2px solid #0fd41e;
			color: #000;
			width: 56px;
			height: 56px;
			border-radius: 50%;

			font: 14px Arial, sans-serif;
			justify-content: center;
			align-items: center;
			text-align: center;
			display: flex;
		}
		.circle_red {
			/*background: burlywood;*/
			border: 2px solid #dd0000;
			color: #000;
			width: 56px;
			height: 56px;
			border-radius: 50%;

			font: 14px Arial, sans-serif;
			justify-content: center;
			align-items: center;
			text-align: center;
			display: flex;
		}
		.circle_yellow {
			/*background: burlywood;*/
			border: 2px solid orange;
			color: #000;
			width: 56px;
			height: 56px;
			border-radius: 50%;

			font: 14px Arial, sans-serif;
			justify-content: center;
			align-items: center;
			text-align: center;
			display: flex;
		}

		#table_run tr td{
			width: 75px;
		}
		#table_run {
			width:100% !important;
		}
	</style>
	<script src="examples/layui-v2.5.7/layui/layui.js"></script>
	<link rel="stylesheet" href="examples/layui-v2.5.7/layui/css/layui.css">

</head>
<body>

<!--Top Start!-->
<div class="scanboardWp animsition">
	<div id="top">
		<div class="wp clearfix">
			<div class="left pageTit layui-anim-rotate">
				<a class="summaryBtn" style="font-size: 30px;" id="mine_name" onclick="click_mine_name()"
				   href="javascript:;">煤矿</a>
			</div>
			<!--			center topLogo-->
			<div class="center topLogo">
				<a href="#" title="点击切换全屏" onclick="titleClick()">安全生产信息引导发布系统</a>

				<!--				<div style="background: url(./images/20211122174258.gif) no-repeat center center;background-size: 100%;height: 100%;width: 70%;-->
				<!--				position: absolute;top: 2.4rem;">-->

				<!--				</div>-->
			</div>
			<div class="right topBar">
				<div class="topTime" id="current_date">2021-10-14 星期四 10:17:18</div>
				<div class="clearfix">
					<a href="javascript:;" class="signOut fr" onclick="quitSystem()">退出</a>
				</div>
			</div>

			<div style="background: url(images/headIcon.gif) no-repeat center center;background-size: 100%;height: 131px;z-index: 99999;width: 78%;margin: 0 auto;margin-top: 30px;"></div>
		</div>
	</div>
	<!--Top End!-->

	<!--Main Start!-->
	<div id="main" class="wp clearfix">
		<div class="left">
			<div class="item waybill" style="box-shadow: inset 0 0 30px #07417a;">
				<div class="itemTit">
					<span class="border-yellow">设备运行情况</span>
				</div>
				<div class="itemCon itembg">
					<table id="table_run" style="margin-top: 15px; margin-bottom: 15px;">
						<tr>
							<td style="color: white;">&nbsp;全部：</td>
							<td><p class="circle_green"><span id="all_by2" onclick="runInfo(1)" style="font-weight: bold; color: #449d44; font-size: 20px;">0</span></p></td>
							<td>&nbsp;</td>
							<td  style="color: white;">&nbsp;正常:</td>
							<td ><p class="circle_green"><span id="normal_by2" onclick="runInfo(2)" style="color: #15c7e7; font-size: 20px;">0</span></p></td>
						</tr>
						<tr>
							<td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td>
						</tr>
						<tr>
							<td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td>
						</tr>
						<tr>
							<td  style="color: white;">&nbsp;故障：</td>
							<td><p class="circle_yellow"><span id="guzhang_by2" onclick="runInfo(3)" style="color: #15c7e7; font-size: 20px;">0</span></p></td>
							<td>&nbsp;</td>
							<td  style="color: white;">&nbsp;超限：</td>
							<td><p class="circle_red"><span id="chaoxian_by2" onclick="runInfo(4)" style="color: #15c7e7; font-size: 20px;">0</span></p></td>
						</tr>
					</table>




<!--					<div class="progress">-->
<!--						<h3 class="clearfix"><span>全部</span> <i id="all_by1" style="color: #1caa17 !important;">0套</i>-->
<!--						</h3>-->
<!--						<div class="progressBar"><span id="all_by2" style="width: 100%;" class="bar0"></span></div>-->
<!--						<span id="all_by3" class="prospan" style="color:#fff;">100%</span>-->
<!--					</div>-->
<!--					<div class="progress">-->
<!--						<h3 class="clearfix"><span>正常</span> <i id="jinri_by1" style="color: #1eb6fe !important;">0套</i>-->
<!--						</h3>-->
<!--						<div class="progressBar"><span id="jinri_by2" style="width: 80%;" class="bar1"></span></div>-->
<!--						<span id="jinri_by3" class="prospan" style="color:#fff;">80%</span>-->
<!--					</div>-->
<!--					<div class="progress" progress="80%" onclick="showRunDevice(3)">-->
<!--						<h3 class="clearfix"><span>故障</span> <i id="jinri_zy1" style="color: #ffd220 !important;">0套</i>-->
<!--						</h3>-->
<!--						<div class="progressBar"><span id="jinri_zy2" style="width: 15%;" class="bar2"></span></div>-->
<!--						<span id="jinri_zy3" class="prospan" style="color:#fff;">15%</span>-->
<!--					</div>-->
<!--					<div class="progress" progress="80%"  onclick="showRunDevice(4)">-->
<!--						<h3 class="clearfix"><span>超限</span> <i id="jinri_lg1" style="color: #ff0e0d !important;">0套</i>-->
<!--						</h3>-->
<!--						<div class="progressBar"><span id="jinri_lg2" class="bar3"></span></div>-->
<!--						<span id="jinri_lg3" class="prospan" style="color:#fff;">5%</span>-->
<!--					</div>-->
				</div>
			</div>

			<div class="item" style="box-shadow: inset 0 0 30px #07417a;">
				<div class="itemTit">
					<span class="border-green">实时检测数据</span>
				</div>
				<div class="itemCon">
					<div>
						<div id="review_box1" style="height: 480px;overflow: hidden;">
							<div class="tablebox">
								<!-- 表头容器 -->
								<div class="tbl-header">
									<table border="0" cellspacing="0" cellpadding="0">
										<thead>
										<tr>
											<th>ID</th>
											<th>地点</th>
											<th>CH₄</th>
											<th>CO₂</th>
											<th>CO</th>
											<th>T</th>
											<th>RH</th>
											<th>O₂</th>
										</tr>
										</thead>
										<tbody style="opacity:0;"></tbody>
									</table>
								</div>
								<!-- 表格内容容器-->
								<div class="tbl-body">
									<table border="0" cellspacing="0" cellpadding="0">
										<thead>
										<tr>
											<th>ID</th>
											<th>地点</th>
											<th><span>CH<small style="font-size:8px; color: white;">4</small></span>
											</th>
											<th>CO₂</th>
											<th>CO</th>
											<th>T</th>
											<th>RH</th>
											<th>O₂</th>
										</tr>
										</thead>
										<tbody></tbody>
									</table>
								</div>
							</div>
						</div>

					</div>
				</div>
			</div>

			<div class="item" style="box-shadow: inset 0 0 30px #07417a; display:none;">
				<div class="itemTit">
					<span class="border-blue">系统维护人员</span>
				</div>
				<div class="itemCon itembg">
					<ul class="listStyle" id="mine_person">
						<li class="clearfix">
							<!--								<span>领导：<strong>5</strong>人</span>-->
							<!--								<span>司机：<strong>36</strong>人</span>-->
							<!--								<span>爆破员：<strong>6</strong>人</span>-->
							<!--								<span>技术员：<strong>15</strong>人</span>-->
							<!--								<span>安全人员：<strong>20</strong>人</span>-->
							<!--								<span>其他人员：<strong>29</strong>人</span>-->
							<!--								<span>财务：<strong>3</strong>人</span>-->
							<!--								<span>驾驶员：<strong>10</strong>人</span>-->
						</li>
					</ul>
				</div>
			</div>
		</div>

		<div class="center" style="height: 93%;">
			<div class="centerWp" style="height: 100%;">
				<div id="center" style="color:white;height:60%;z-index: 9999999;">

				</div>
				<div style="display: none;">
					<img src="images/max_logo1.png" onmouseover="this.src='images/max_logo2.png'"
						 onclick="centerClick()"
						 style="margin-top: -20px; right:0px;bottom:0px;width:  20px;height: 20px;">
			    </div>
				<!--				-->
				<div class="mapContainer" style="display: none;">

					<div class="btnLayer">
						<div class="search">
							<div class="searchInner">
								<a href="javascript:;" class="searchBtn"><span class="icoSearch"></span></a>
								<form class="searchForm">
									<button class="icoSearch"></button>
									<input type="text" name="" placeholder="请搜索车辆">
								</form>
							</div>
						</div>
						<a href="javascript:;" class="infoBtn"><span class="icoCar"></span></a>
					</div>
					<div id="myMap" class="item"></div>
				</div>

				<!--30天统计-->
				<div class="billChart" style="height: 35%;">
					<div class="itemTit">
						<span class="border-blue">最近30天瓦斯变化趋势图——<small style="color: orange;"
																	   id="show30Day"></small></span>

					</div>
					<!--						<div id="myChart1">-->

					<!--						</div>-->
					<div id="chart_sensorDataByDay" style="width: 100%;height: 250px; margin-top: 18px; ">

					</div>
				</div>
			</div>
		</div>

		<div class="right">
			<div class="item total itembg" style="box-shadow: inset 0 0 30px #07417a;">
				<div class="itemTit">
					<span class="border-yellow" id="right_title">无超限天数</span>
				</div>
				<div class="itemCon">
					<div id="sby_3" style="color: #00deff;font-family: 'tapeworm';">
						<div style="width: 100%;height: 76px;background: url(images/ksh40.png) no-repeat;background-size: 100% 100%;">
							<!--							<h3 id="miri_ditie_address" style="margin: 0;padding: 0;list-style: none;font-style: normal;color: #fff;font-size: 16px;padding: 16px 0 0 20px;display: inline-block;float: left;color: #00ffc6;">-->
							<!--								地点&nbsp;&nbsp;</h3>-->
							<p id="miri_ditie"
							   style="font-weight: normal;margin: 0;padding: 0;list-style: none;font-style: normal;color: #20dbfd;text-shadow: 0 0 25px #00d8ff;font-family: 'yjsz';display: inline-block;float: left;">
								0天</p>
							<!--                             <h3 style="margin: 0;padding: 0;list-style: none;font-style: normal;color: #fff;font-size: 16px;padding: 16px 0 0 20px;display: inline-block;float: left;color: #ffe400">地方</h3>-->
							<!--                             <p id="miri_difang" style="font-weight: normal;margin: 0;padding: 0;list-style: none;font-style: normal;color: #20dbfd;text-shadow: 0 0 25px #00d8ff;font-size: 46px;font-family: 'yjsz';display: inline-block;">09</p>-->
						</div>
					</div>
				</div>
			</div>

			<div class="item basicInfo" style="box-shadow: inset 0 0 30px #07417a;">
				<div class="itemTit">
					<span class="border-green">与安全监控系统对比-未接入</span>
				</div>
				<div class="itemCon itembg layui-anim-rotate">
					<div class="infoPie">
						<ul class="clearfix" id="ul_comparison">
							<li class="color-yellow">
								<span class="border-yellow" id="indicator1" total="32">0.01</span>
								<p>差异</p>
							</li>
							<li class="color-green">
								<span class="border-green" id="indicator2" total="0.01">0.01</span>
								<p>差异</p>
							</li>
							<li class="color-blue">
								<span class="border-blue" id="indicator3" total="0.01">0.01</span>
								<p>差异</p>
							</li>
							<li class="color-yellow">
								<span class="border-blue" id="indicator4" total="0.01">0.01</span>
								<p>差异</p>
							</li>
							<li class="color-blue">
								<span class="border-blue" id="indicator5" total="0.01">0.01</span>
								<p>差异</p>
							</li>
						</ul>
						<div id="indicatorContainer"></div>
					</div>
				</div>
			</div>

			<div class="item billState" style="box-shadow: inset 0 0 30px #07417a;">
				<div class="itemTit">
					<span class="border-green">安全监控系统对比数据</span>
				</div>
				<div class="itemCon">
<!--					<div id="containerPie" style="width: 100%;height:310px;"></div>-->
					<div>
						<div id="review_box" style="height: 300px;overflow: hidden;">
							<div class="tablebox">
								<!-- 表头容器 -->
								<div class="tbl-header2">
									<table border="0" cellspacing="0" cellpadding="0">
										<thead>
										<tr>
											<th>ID</th>
											<th>地点</th>
											<th>CH₄</th>
											<th>CO₂</th>
											<th>CO</th>
											<th>T</th>
											<th>RH</th>
											<th>O₂</th>
										</tr>
										</thead>
										<tbody style="opacity:0;"></tbody>
									</table>
								</div>
								<!-- 表格内容容器-->
								<div class="tbl-body2">
									<table border="0" cellspacing="0" cellpadding="0">
										<thead>
										<tr>
											<th>ID</th>
											<th>地点</th>
											<th><span>CH<small style="font-size:8px; color: white;">4</small></span>
											</th>
											<th>CO₂</th>
											<th>CO</th>
											<th>T</th>
											<th>RH</th>
											<th>O₂</th>
										</tr>
										</thead>
										<tbody></tbody>
									</table>
								</div>
							</div>
						</div>

					</div>
				</div>
			</div>
		</div>
	</div>
	<!--Main End!-->
</div>

<div class="filterbg"></div>
<!--点击名字弹出的部分-->
<div class="popup">
	<a href="javascript:;" class="popupClose" onclick="popupCloseClick()"></a>
	<div style="width: 100%;" >
		<table id="demo" class="layui-table" lay-filter="test_table"
			   style="width: 100%;">

		</table>
		<table id="demo4" class="layui-table" lay-filter="test_table"
			   style="width: 100%;">

		</table>
	</div>
	<div class="summary">

		<div class="summaryTop">
			<div id="summaryPie1" class="summaryPie"></div>
			<div id="summaryPie2" class="summaryPie"></div>
			<div id="summaryPie3" class="summaryPie"></div>

		</div>
		<div class="summaryBottom">
			<div class="summaryBar">
				<div class="summaryTit">
					<img src="images/tit1.png">
				</div>
				<div id="summaryBar"></div>
			</div>

			<div class="summaryLine">
				<div class="summaryTit">
					<img src="images/tit2.png">
				</div>
				<div id="summaryLine"></div>
			</div>
		</div>
	</div>
</div>

<div class="carInfo">
	<a href="javascript:;" class="carClose"></a>
	<div class="infoBox">
		<div class="infoTop">
			<div class="infoTit">
				<img src="images/tit3.png">
			</div>
		</div>
		<div class="infoMain">
			<div class="infoLeft fl">
				<div class="topSearch">
					<form>
						<button></button>
						<input type="text" name="" placeholder="请输入车牌号搜索">
					</form>
				</div>
				<div class="carState">
					<h3>
						<span class="fl">车牌号码</span>
						<span class="fr">状态</span>
					</h3>
					<ul class="stateUl">
						<li>
							<p>粤A3456344</p>
							<span class="work">工作</span>
						</li>
						<li>
							<p>粤A3456344</p>
							<span class="nowork">休息</span>
						</li>
						<li>
							<p>粤A3456344</p>
							<span class="work">工作</span>
						</li>
						<li>
							<p>粤A3456344</p>
							<span class="nowork">休息</span>
						</li>
						<li>
							<p>粤A3456344</p>
							<span class="work">工作</span>
						</li>
						<li>
							<p>粤A3456344</p>
							<span class="nowork">休息</span>
						</li>
						<li>
							<p>粤A3456344</p>
							<span class="work">工作</span>
						</li>
						<li>
							<p>粤A3456344</p>
							<span class="nowork">休息</span>
						</li>
						<li>
							<p>粤A3456344</p>
							<span class="work">工作</span>
						</li>
						<li>
							<p>粤A3456344</p>
							<span class="nowork">休息</span>
						</li>
						<li>
							<p>粤A3456344</p>
							<span class="work">工作</span>
						</li>
						<li>
							<p>粤A3456344</p>
							<span class="nowork">休息</span>
						</li>
						<li>
							<p>粤A3456344</p>
							<span class="work">工作</span>
						</li>
						<li>
							<p>粤A3456344</p>
							<span class="nowork">休息</span>
						</li>
						<li>
							<p>粤A3456344</p>
							<span class="work">工作</span>
						</li>
						<li>
							<p>粤A3456344</p>
							<span class="nowork">休息</span>
						</li>
						<li>
							<p>粤A3456344</p>
							<span class="work">工作</span>
						</li>
						<li>
							<p>粤A3456344</p>
							<span class="nowork">休息</span>
						</li>
					</ul>
				</div>
			</div>
			<div class="infoRight fr">
				<div class="rightWp">
					<div class="carIntro">
						<div class="introBox fl">
							<div class="carImg fl">
								<img src="images/car.jpg">
							</div>
							<div class="carText fl clearfix">
								<p>车辆类型：大车</p>
								<p>本周工作时长：34.45小时</p>
								<p>车牌号码：粤A3456344</p>
								<p>统计时段：2018-1-12至2018-2-13</p>
								<p>可载容量：20.0方</p>
								<p>当前状态：<span class="color-green">工作</span></p>
							</div>
						</div>
						<div class="driver fr">
							<div class="photo">
								<img src="images/photo.jpg">
							</div>
							<p>司机：李思林</p>
						</div>
					</div>
					<div class="timetable">
						<div class="topTool">
							<div class="tableExplain fl">
								<div class="itemExplain fl">
									<span class="bg-green"></span>
									<p>司机工作时间</p>
								</div>
								<div class="itemExplain fl">
									<span class="bg-blue"></span>
									<p>标准白晚班时间</p>
								</div>
							</div>
							<div class="topBtns fr">
								<a href="javascript:;" class="prevWeek">上一周</a>
								<a href="javascript:;" class="nextWeek">下一周</a>
							</div>
						</div>
						<div class="tiemWp">
							<div class="timeInner">
								<div class="weekList">
									<div class="weekItem">
										<div class="space1"></div>
										<p>星期一</p>
									</div>
									<div class="weekItem">
										<div class="space1"></div>
										<p>星期二</p>
									</div>
									<div class="weekItem">
										<div class="space1"></div>
										<p>星期三</p>
									</div>
									<div class="weekItem">
										<div class="space1"></div>
										<p>星期四</p>
									</div>
									<div class="weekItem">
										<div class="space1"></div>
										<p>星期五</p>
									</div>
									<div class="weekItem">
										<div class="space1"></div>
										<p>星期六</p>
									</div>
									<div class="weekItem">
										<div class="space1"></div>
										<p>星期天</p>
									</div>
								</div>
								<div class="timeBox">
									<div class="dataContainer">
										<div class="dataBox">
											<div class="space1"></div>
											<div class="workTime"></div>
											<div class="space2"></div>
											<div class="standard"></div>
											<div class="space3"></div>
										</div>
										<div class="dataBox">
											<div class="space1"></div>
											<div class="workTime"></div>
											<div class="space2"></div>
											<div class="standard"></div>
											<div class="space3"></div>
										</div>
										<div class="dataBox">
											<div class="space1"></div>
											<div class="workTime"></div>
											<div class="space2"></div>
											<div class="standard"></div>
											<div class="space3"></div>
										</div>
										<div class="dataBox">
											<div class="space1"></div>
											<div class="workTime"></div>
											<div class="space2"></div>
											<div class="standard"></div>
											<div class="space3"></div>
										</div>
										<div class="dataBox">
											<div class="space1"></div>
											<div class="workTime"></div>
											<div class="space2"></div>
											<div class="standard"></div>
											<div class="space3"></div>
										</div>
										<div class="dataBox">
											<div class="space1"></div>
											<div class="workTime"></div>
											<div class="space2"></div>
											<div class="standard"></div>
											<div class="space3"></div>
										</div>
										<div class="dataBox">
											<div class="space1"></div>
											<div class="workTime"></div>
											<div class="space2"></div>
											<div class="standard"></div>
											<div class="space3"></div>
										</div>
									</div>
									<div class="timeLine line1"><span>0:00</span></div>
									<div class="timeLine line2"><span>3:00</span></div>
									<div class="timeLine line3"><span>6:00</span></div>
									<div class="timeLine line4"><span>9:00</span></div>
									<div class="timeLine line5"><span>12:00</span></div>
									<div class="timeLine line6"><span>15:00</span></div>
									<div class="timeLine line7"><span>18:00</span></div>
									<div class="timeLine line8"><span>21:00</span></div>
									<div class="timeLine line9"><span>24:00</span></div>
								</div>
							</div>
							<div class="totalTable">
								<div class="totalTit">
									<span>总用时/天</span>
									<span>总单数/天</span>
								</div>
								<div class="totalData">
									<div class="totalItem">
										<div class="space1"></div>
										<div class="tatleWp">
											<span>0.00</span>
											<span>0</span>
										</div>
										<div class="totalBar"></div>
									</div>
									<div class="totalItem">
										<div class="space1"></div>
										<div class="tatleWp">
											<span>0.00</span>
											<span>0</span>
										</div>
										<div class="totalBar"></div>
									</div>
									<div class="totalItem">
										<div class="space1"></div>
										<div class="tatleWp">
											<span>0.00</span>
											<span>0</span>
										</div>
										<div class="totalBar"></div>
									</div>
									<div class="totalItem">
										<div class="space1"></div>
										<div class="tatleWp">
											<span>0.00</span>
											<span>0</span>
										</div>
										<div class="totalBar"></div>
									</div>
									<div class="totalItem">
										<div class="space1"></div>
										<div class="tatleWp">
											<span>0.00</span>
											<span>0</span>
										</div>
										<div class="totalBar"></div>
									</div>
									<div class="totalItem">
										<div class="space1"></div>
										<div class="tatleWp">
											<span>0.00</span>
											<span>0</span>
										</div>
										<div class="totalBar"></div>
									</div>
									<div class="totalItem">
										<div class="space1"></div>
										<div class="tatleWp">
											<span>0.00</span>
											<span>0</span>
										</div>
										<div class="totalBar"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<canvas id="canvas" style="position: absolute;top: 0;left: 0;"></canvas>
</body>
<!---------------------------------------------业务代码----------------------------------------------->
<script>
	let overrunCount = 0;
	$(function () {
		//setChart_1();
	});

	function dataListElme(value, name) {
		value = value;
		name = name;
	}


</script>
<!---------------------------------------------业务代码----------------------------------------------->
<script type="text/javascript" src="js/bg.js"></script>
<script type="text/javascript" src="js/scanboard.js"></script>
<script type="text/javascript" src="js/fontscroll.js"></script>
<script type="text/javascript" src="js/jquery.animsition.js"></script>
<!--<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.3&key=f8ffe058b8e6f5b05e8ff43ca4207393"></script>-->


</html>
